這邊我通常都直接掛css的框架來用
Tailwind by cdn
Tabler
等等
但今天來試試看新的unocss
這個引擎有一些預設的樣式,但我也還不熟,摸索中
使用上看起來也滿簡單的,沒有什麼特殊需求直接掛他預先build好的js就好
[:script
(h/raw
"
window.__unocss = {
rules: [
['custom-rule', { color: 'red'}],
]
}
")]
[:script {:src "https://cdn.jsdelivr.net/npm/@unocss/runtime/attributify.global.js"}]
記得設定在前~~~
這邊在clojure也是一樣,就是body/div/...的屬性,但這邊會比較繁瑣一點,要加上空字串才會完整的key/value
[:body {:p-2 "" :md:p-0 "" :h-full ""}
...
Unocss資源慢慢堆積中
真的需要就寫一個nodejs開watcher,編寫邊把結果build到assets,記得再把路徑指過去
看好他後續發展,之後可以再把這條路串起來,就可以直接css frameworks使用了~